<html>
      <head>
      	    <meta charset="utf-8"/>
            <title>京东首页</title>
      </head>     
            <link rel="stylesheet" type="text/css"
            href="../dtz.php/2016.11.02.demo2.css"/>
      <body>
      	<!-- top start -->
      	<div class="top">
            <div id="header">
               <span><a href="#">qomoJS</a></span>
               <a href="#"><input value="" type=""></a>
               <span><a href="#">我的订单</a></span>
               <span><a href="#">我的京东</a></span>
               <span><a href="#">京东会员</a></span>
               <span><a href="#">企业采购</a></span>
               <span><a href="#">手机京东</a></span>
               <span><a href="#">关注京东</a></span>
               <span><a href="#">客户服务</a></span>
               <span><a href="#">网站导航</a></span>
            </div>
        </div>
      	<!-- top end -->

      	<!-- middle start -->
        <div class="middle">
            <div id="nav">
              <img src="image/jd.png"/>
              <ul>
                <li><a href="#">首页</a></li>            
                <li><a href="#">个人业务</a></li>
                <li><a href="#">业务介绍</a></li>
                <li><a href="#">170特惠购</a></li>
              </ul>

            </div>
        </div>
      	<!-- middle STOP -->

        <div id="sidebar">
        <span class="jd"><a href="#">我的京东通信</a></span>
        <span> > 查询余量</span>
        </div>
        <!-- content start -->
        <div id="content">
           	<!-- left start -->
        	<div class="left">
           	<div class="k">
              	<span>手机号:17097577815</span>
           	</div>
           	<div class="j">
               <ul>
               	   <li class="app">业务办理</li>
                   <li>充值缴费</li>
                   <li>常规服务</li>
                   <li>B值兑换</li>
               </ul>
               <ul>
               	   <li class="app">相关查询</li>
                   <li>查询余量</li>
                   <li>账单详单</li>
                   <li>查询记录</li>
                   <li>查询发票</li>
              </ul>
               <ul>
               	   <li class="app">我的账户</li>
                   <li>账户资料</li>
                   <li>修改服务密码</li>                      
              </ul>
            </div>
           	</div>
           	<!-- left stop -->
	        <div class="right" style="float:right;">
	           	<div class="on">

	             <div class="p1"><p>查询余量</p></div>
	             
	             <div class="p2">
	             <p>
	             	我的话费余额：<b>88.08</b>元
	                <input type="submit" value="充值">
	                本月消费：<b>10.00</b>元
                 </p>
	             </div>
	            </div> <!--on stop-->


	        	<div class="down">
                 <p class="faq">截至2016-11-02 13:29:20,您的资源使用情况如下：</p>
                    <div class="phone" >
                      <p class="title shang"><b>赠送资源包(有效期至2016年11月30日)</b></p>
                      <!-- 灰底的条 -->
                      <div class="hui-line">
                        <div class="purple-line" style="width:30px;"></div>
                        <p class="yuyin">语音：</p>
                        <p class="shengyu">剩余：48分钟</p>
                        <p class="yiyong">已用：12分钟 </p>  
                      </div> 

                      <p class="title xia"><b>赠送资源包(有效期至2017年06月30日)</b></p>
                      <!-- 灰底的条 -->
                      <div class="hui-line">
                        <div class="purple-line" style="width:0px;"></div>
                        <p class="yuyin">语音：</p>
                        <p class="shengyu">剩余：100分钟</p>
                        <p class="yiyong">已用：0分钟 </p>  
                      </div>             
                    </div>

                      <div class="zifei">
                        <p>标准资费:</p>
                        <table cellspacing="0" cellpadding="0">
                          <tr>
                            <th>流量</th>
                            <th>语音</th>
                            <th>短信</th>
                          </tr>
                          <tr>
                            <td>0.15元/MB</td>
                            <td>0.15元/分钟</td>
                            <td>0.1元/条</td>
                          </tr>
                        </table>
                      </div> 

                      <div class="pic">
                        <img src="image/pic.jpg">
                      </div>

	        	</div><!--down  stop-->


	        </div><!--right stop-->

        </div>
        <!-- content stop -->

            <div id="footer">
              <div class="about">
               <span>关于我们</span>
               <span>联系我们</span>
               <span>商家入驻</span>
               <span>营销中心</span>
               <span>手机京东</span>
               <span>友情链接</span>
               <span>销售联盟</span>
               <span>京东社区</span>
               <span>风险监测</span>
               <span>京东公益</span>
               <span>English Site</span>
               <span class="none">Contact Us</span>
              </div>
              
              <div class="jingdongwang">
               <span><img src="image/jdw.png">京东网安备1100002000088</span>
               <span>京ICP证070359号</span>
               <span>互联网药品信息服务资格证编号(京)-经营性-2014-0008 </span>
               <span class="none">新出发京零字第大120007号</span>
               <span>互联网出版许可证编号新出网证(京)字150号</span>
               <span>出版物经营许可证</span>
               <span>网络文化经营许可证京网文[2014]2148-348号</span>
               <span class="none">违法和不良信息举报电话：4006561155</span>
              </div> 
              
               <div class="copyright">
                  <span class="biankuang">Copyright © 2004-2016  京东JD.com 版权所有</span>
                  <span>消费者维权热线：4006067733</span>
                  <span class="none">京东旗下网站：京东钱包</span>
               </div>
               <div class="picture">
                <img src="image/pic1.png">
                <img src="image/pic2.png">
                <img src="image/pic3.jpg">
                <img src="image/pic4.png">
                <img src="image/pic5.jpg">
                <img src="image/pic6.jpg">
               </div>
            </div> 
            <div id="kehuduan">
              <ul>
                <li class="first">在线<br/>客服</li>
                <li><br/>客服<br/>电话</li>
                <li class="last"><br/>扫描二维码</li>
              </ul>
            </div>
 
      </body>
</html>